<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="css/jquery.mobile-1.0.1.min.css" />
<link rel="stylesheet" href="css/custom-style.css" />
<script src="js/cordova-1.5.0.js"></script>
<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/global-options.js"></script>
<script src="js/jquery.mobile-1.0.1.min.js"></script>
<script src="js/encoder-min.js"></script>
<script src="js/DiuDiuSharePlugin.js"></script>
<script src="js/dds.html.js"></script>
<script>
	
</script>
</head>
<body>
	<div data-role="page" id="home"></div>

	<!-- 3 pages in this html, default is an empty page. -->

	<!-- THE PULL PAGE -->
	<div data-role="page" id="dds-pull" data-theme="d">
		<div data-role="header" data-id="dds-header" data-position="fixed">
			<a href="index.html" data-icon="false" data-ajax="false">back</a>
			<h1>DDS</h1>
		</div>
		<div data-role="content">
			<div>
				<ul data-role="listview" data-inset="true">
					<li data-role="list-divider" data-icon="false">click below links</li>
				</ul>
			</div>
		</div>
		<div data-role="footer" data-id="dds-navbar" data-position="fixed">
			<div data-role="navbar">
				<ul>
					<li><a onclick='dds_moveToPage("dds-pull")' dds-href="dds-pull">PULL</a></li>
					<li><a onclick='dds_moveToPage("dds-push")' dds-href="dds-push">PUSH</a></li>
					<li><a onclick='dds_moveToPage("dds-setting")' dds-href="dds-setting">SETTING</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div data-role="page" id="dds-push" data-theme="d">
		<div data-role="header" data-id="dds-header" data-position="fixed">
			<a href="index.html" data-icon="false" data-ajax="false">back</a>
			<h1>DDS</h1>
		</div>
		<div data-role="content">
			<p>PUSH</p>
		</div>
		<div data-role="footer" data-id="dds-navbar" data-position="fixed">
			<div data-role="navbar">
				<ul>
					<li><a onclick='dds_moveToPage("dds-pull")' dds-href="dds-pull">PULL</a></li>
					<li><a onclick='dds_moveToPage("dds-push")' dds-href="dds-push">PUSH</a></li>
					<li><a onclick='dds_moveToPage("dds-setting")' dds-href="dds-setting">SETTING</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div data-role="page" id="dds-setting" data-theme="d">
		<div data-role="header" data-id="dds-header" data-position="fixed">
			<a href="index.html" data-icon="false" data-ajax="false">back</a>
			<h1>DDS</h1>
		</div>
		<div data-role="content">
			<div dds-id="authorized">
				<p>Authorized to retrieve data from dropbox.</p>
				<input type="button" onclick="dds_deauthorize()" value="Click me to deauthorize" />
				<p>(NOTE: once deauthorize, the app cannot function.)</p>
			</div>
			<div dds-id="not-authorized">
				<p>Not yet authorized from dropbox.</p>
				<input type="button" onclick="dds_authorize()" value="Click me to authorize" />
				<p>(NOTE: This app only needs to get authorization from dropbox once. The login data is NOT stored in this app.)</p>
			</div>
		</div>
		<div data-role="footer" data-id="dds-navbar" data-position="fixed">
			<div data-role="navbar">
				<ul>
					<li><a onclick='dds_moveToPage("dds-pull")' dds-href="dds-pull">PULL</a></li>
					<li><a onclick='dds_moveToPage("dds-push")' dds-href="dds-push">PUSH</a></li>
					<li><a onclick='dds_moveToPage("dds-setting")' dds-href="dds-setting">SETTING</a></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>